<style>
    legend {
        padding-bottom: 5px;
        font-size: 14px;
        font-weight: 600;
        padding-left: 10px;
        padding-right: 15px;
        color: #0a5ba6;
        margin-bottom: 8px;
    }
    .faupload-preview li{
        width: 50%;
    }
    .empty-hint{
        width: 100%;
        height: 34px;
        text-align: center;
        position: absolute;
        text-align: center;
        top:calc(50vh - 17px);
        font-size: 16pt;
        font-family: '黑体';
        color: #c2c2c2;
    }
    .auth{
        height: calc(100vh - 78px)!important;
        overflow: auto;
    }
    .stamp-toolbar{
        background: #fdfdfd;
        padding: 8px;
        border-bottom: 1px solid #efefef;
        margin-bottom: 8px;
    }
    .stamp-toolbar .btn-group .btn-xs{
        margin-right: 4px;
    }
    div ::-webkit-scrollbar {
        /*滚动条整体*/
        width: 8px;
        height: 8px;
        border-radius: 5px;
    }
    div ::-webkit-scrollbar-track {
        /*滚动条轨道*/
        background: #e3e3e3;
        border-radius: 2px;
    }
    div ::-webkit-scrollbar-thumb {
        /*滚动条里面的滑块*/
        background: #d1d1d1;
        border-radius: 2px;
    }
    div ::-webkit-scrollbar-thumb:hover {
        /*滚动条鼠标事件，鼠标放上去出现的事件*/
        background: #a8a8a8;
    }
    div ::-webkit-scrollbar-corner {
        /*滚动条边角*/
        background: #a8a8a8;
    }
</style>
<div class="row">
    <div class="col-5 col-sm-5 col-xs-12">
        <form id="stamp-form" class="form-horizontal" role="form" data-toggle="validator" method="POST" action="">
            <div class="form-group">
                <label class="control-label col-xs-12 col-sm-2">{:__('Title')}:</label>
                <div class="col-xs-12 col-sm-8">
                    <input id="c-title" class="form-control" name="row[title]" data-rule="required" type="text">
                </div>
            </div>
            <div class="form-group">
                <label class="control-label col-xs-12 col-sm-2">{:__('Info')}:</label>
                <div class="col-xs-12 col-sm-8">
                    <textarea rows="3" id="c-info" class="form-control" name="row[info]" type="text"></textarea>
                </div>
            </div>
            <div class="form-group">
                <label class="control-label col-xs-12 col-sm-2">{:__('File')}:</label>
                <div class="col-xs-12 col-sm-8">
                    <div class="input-group">
                        <input id="ebill-file" class="form-control" size="50" name="row[file]" data-rule="required" type="text" disabled="disabled">
                        <div class="input-group-addon no-border no-padding">
                            <span><button type="button" id="faupload-file" data-mimetype=".png" class="btn btn-danger faupload" data-input-id="ebill-file" data-multiple="false" data-preview-id="file-preview"><i class="fa fa-upload"></i> {:__('Upload')}</button></span>
                        </div>
                        <span class="msg-box n-right" for="ebill-file"></span>
                    </div>
                    <ul class="row list-inline faupload-preview" id="file-preview"></ul>
                </div>
            </div>
            <div class="form-group layer-footer">
                <label class="control-label col-xs-12 col-sm-2"></label>
                <div class="col-xs-12 col-sm-8">
                    <button id="submit" class="btn btn-success btn-embossed">{:__('OK')}</button>
                    <button type="reset" class="btn btn-default btn-embossed">{:__('Reset')}</button>
                </div>
            </div>
        </form>
    </div>

    <div class="col-7 col-sm-7 col-xs-12" style="border-left: 1px solid #e2e2e2">
        <legend>使用权限配置</legend>
        <div class="auth">
            {if $scope == 1}
            <span class="empty-hint">使用权归该用户</span>
            {else /}
            <div class="stamp-toolbar" id="stamp-toolbar">
                <div class="btn-group">
                    <a id="select-all" href="javascript:;" class="btn btn-xs btn-info" tstyle="border-radius: 3px;"><i class="fa fa-navicon"></i> 全选</a>
                    <a id="deselect-all" href="javascript:;" class="btn btn-xs btn-danger" tstyle="border-radius: 3px;"><i class="fa fa-remove"></i> 清除选中</a>
                </div>
            </div>
            <span id="group-hint" class="empty-hint hidden">无下级分组或用户</span>
            <div id="group_tree"></div>
            {/if}
        </div>
    </div>
</div>

